// 引入等比适配插件
const px2rem = require('postcss-px2rem')

// 配置基本大小
const postcss = px2rem({
    // 基准大小 baseSize，需要和rem.js中相同
    remUnit: 16
})

// 使用等比适配插件
module.exports = {
    lintOnSave: true,
    css: {
        loaderOptions: {
            postcss: {
                plugins: [
                    postcss
                ]
            }
        }
    },
    devServer: {
        port: 100, // 端口号的配置
        open: true, // 自动打开浏览器
        proxy: {
            '/api': { //  拦截以 /api 开头的接口
                target: 'https://webga.bakingerp.com/', //设置你调用的接口域名和端口号 别忘了加http
                changeOrigin: true, //这里true表示实现跨域
                ws: true,
                secure: true,
                pathRewrite: {
                    '^/api': '/' //这里理解成用‘/api’代替target里面的地址，后面组件中我们掉接口时直接用api代替 比如我要调用'http://40.00.100.100:3002/api/user/add'，直接写‘/api/user/add’即可
                }
            },
            '/rest': { //  拦截以 /api 开头的接口
                target: 'https://jsonplaceholder.typicode.com/posts/', //设置你调用的接口域名和端口号 别忘了加http
                changeOrigin: true, //这里true表示实现跨域
                ws: true,
                secure: true,
                pathRewrite: {
                    '^/rest': '/' //这里理解成用‘/api’代替target里面的地址，后面组件中我们掉接口时直接用api代替 比如我要调用'http://40.00.100.100:3002/api/user/add'，直接写‘/api/user/add’即可
                }
            },
            '/happy': { //  拦截以 /api 开头的接口
                target: 'https://jsonplaceholder.typicode.com/posts/', //设置你调用的接口域名和端口号 别忘了加http
                changeOrigin: true, //这里true表示实现跨域
                ws: true,
                secure: true,
                pathRewrite: {
                    '^/happy': '/' //这里理解成用‘/api’代替target里面的地址，后面组件中我们掉接口时直接用api代替 比如我要调用'http://40.00.100.100:3002/api/user/add'，直接写‘/api/user/add’即可
                }
            },
        }
    }
}